/**
 * 边框样式
 */

// 边框
$ui-border: #f7f7f7;
$ui-border-9a: #9a703f;
$ui-border-f1: #f1f1f1;

/**
 * 使用示例
 * border 、   border-top
 * border-9a 、  border-9a-top
 * border-radius
 */
.border {
	overflow: initial !important;

	&::after {
		border: rpx2(1) solid $ui-border;
	}

	@each $class, $value in (top: top, right: right, bottom: bottom, left: left) {
		&-#{$class} {
			border-#{$class}: rpx2(1) solid $ui-border;
		}
		&-#{$class}-f1 {
			border-#{$class}: rpx2(1) solid $ui-border;
		}
	}

	&-9a::after {
		border: rpx2(1) solid $ui-border-9a;

		@each $value in (top, right, bottom, left) {
			&-#{$value}::after {
				border-#{$value}: rpx2(1) solid $ui-border-9a;
			}
		}
	}

	&-radius {
		border-radius: rpx2(1000);

		@each $value in (4, 6, 8, 10, 12, 14, 16) {
			&-#{$value} {
				border-radius: rpx2($value);
			}
		}
	}
}

.border-none {
	border: none !important;
}

.border-box {
	box-sizing: border-box;
}

.border-b0 {
	border: 1px solid #b08f66 !important;
}

.border-ee {
	border-bottom: 1px solid rgba(238,238,238,0.8) !important;
}

.border-t-ee {
	border-top: 1px solid rgba(238,238,238,0.8) !important;
}

.border-e1 {
	border: 1px solid #E1BE85;
}

.border-99 {
	border: 1px solid #999999;
}
